<%@ page language="java" import="java.util.*,SiTuQingYou.vo.*,SiTuQingYou.util.*" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String path = request.getContextPath(); %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	#title{width:100%;height:100px;line-height:100px;color:darkcyan;text-align:center;}
	#guiderx{width:100%;clear:left;margin:10px auto;font-weight:bold;text-align:center;}
	#guiderxx{width:1200px;height:100px;clear:left;margin:0px auto;background-color:#ddd;font-weight:bold;text-align:center;}
	#guiderx img{width:100px;height:100px;}
	#touxiang{float:left;width:100px;height:100px;}
	#mingzi{float:left;width:100px;height:100px;line-height:100px;margin:5px 5px;}
	#chengshi{float:left;width:100px;height:100px;line-height:100px;margin:5px 5px;}
	#xingbie{float:left;width:50px;height:100px;line-height:100px;margin:5px 5px;}
	#dianhua{float:left;width:150px;height:100px;line-height:100px;margin:5px 5px;}
	#jiage{float:left;width:150px;height:100px;line-height:100px;margin:5px 5px;}
	#xinxi{float:left;width:400px;height:100px;line-height:100px;margin:5px 5px;}
	
	#boxx{width:100%;clear:left;margin:0px auto;font-weight:bold;text-align:center;}
	#box{width:1200px;height:100px;clear:left;margin:0px auto;background-color:#ddd;font-weight:bold;}
	#box0{float:left;width:100px;height:100px;line-height:100px;text-align:center;}
	#box1{float:left;width:100px;height:100px;line-height:100px;text-align:center;margin-left:10px;}
	#box2{float:left;width:50px;height:100px;line-height:100px;text-align:center;margin-left:10px;}
	#box3{float:left;width:150px;height:100px;line-height:100px;text-align:center;margin-left:10px;}
	#box4{float:left;width:400px;height:100px;line-height:100px;text-align:center;margin-left:10px;}
	
	.pager a{display:inline-block; width:40px;height:40px;background-color:gray;color:white;text-align:center;line-height:40px;border-radius:18px;text-decoration:none;}
	.pager a.cur{background-color:green;}
</style>
</head>
<body>


<jsp:include page="header.jsp"></jsp:include>
<div>
<div id="title"><font face="隶书" size="10px"><a style="text-decoration:none;color:darkcyan;" href="<%=path %>/index/index.jsp">导游</a></font></div>
	<jsp:include page="/GuiderServlet"><jsp:param value="lookForAllGuiders" name="method"/></jsp:include>
	<%
	Object o = request.getAttribute("allGuider");
	ArrayList<Guider> allGuider = (ArrayList<Guider>)o;
	Pager pager = (Pager)request.getAttribute("pager");
	%>
	<div id="boxx">
	<div id="box">
		<div id="box0">头像</div>
		<div id="box1">名字</div>
		<div id="box1">服务城市</div>
		<div id="box2">性别</div>
		<div id="box3">电话</div>
		<div id="box3">价格/天</div>
		<div id="box4">简介</div>
	</div>
	</div>
	<%
	for(int i=0;i<allGuider.size();i++)
	{
		Guider guider = allGuider.get(i);
		%>
		<div id="guiderx">
		<%
		 String str="";
      	if(guider.isGuidersex()==true)
      	{
      		str="男";
      	}
      	else
      	{
      		str="女";
      	}
		%>
		<div id="guiderxx">
			<div id="touxiang"><img src="<%=path%>/GuiderHead/<%=guider.getGuiderphoto()%>"></div>
			<div id="mingzi"><%=guider.getGuidername() %></div>
			<div id="chengshi"><%=guider.getCity().getCityname() %></div>
			<div id="xingbie"><%=str %></li></div>
			<div id="dianhua"><%=guider.getGuiderphone() %></div>
			<div id="jiage"><%=guider.getGuiderprice() %></div>
			<div id="xinxi"><%=guider.getGuiderinfo() %></div>
		</div>
	<%
	}
	%>
	</div>	
	<div class="pager">	
	<%
           for(int i=1;i<=pager.getPageCount();i++)
           {%>
              <a href="<%=path%>/index/guider.jsp?pageNum=<%=i%>" class=<%=(i==pager.getPageNum()?"cur":"")%>><%=i%></a>
           
          <%}%>
                         共<%=pager.getPageCount() %>页   共<%=pager.getDataCount() %>记录
	</div>

</div>          
 <jsp:include page="footer.jsp"></jsp:include>
</body>
</html>